<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    
    <p>w shi xin </p>
	
	
	<text>添加“scopwqwe w wed”属性，将CSS仅限于此组件</text>
	<List border>
			<ListItem><RouterLink to="/">我是路由根</RouterLink></ListItem>
			<ListItem><RouterLink to="/about">我是路由about</RouterLink></ListItem>
			<ListItem><RouterLink to="/list">我是路由list</RouterLink></ListItem>
		</List>

  </div>
</template>

<script>

export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
 
  mounted() {
      // 组件加载后执行的函数
      this.myFunction();
    },
    methods: {
      myFunction() {
        // 这里是你想要执行的函数内容
        console.log(123);
      }
    }
  
  
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
